<template>
    <div class="userInfo">
        <FriendInfo :showType="2"></FriendInfo>
        <div class="dividingLine"></div>
        <ToChat></ToChat>
    </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.userInfo {
    width: 300px;
    height: auto;

    .dividingLine {
        width: 300px;
        margin: 20px 0;
        border-top: 1px solid rgb(153, 153, 153);
    }
}
</style>
